@font-face {
	font-family: 'SylexiadSansSpacedThin';
	src: url('SylexiadSansSpacedThin.ttf') format('opentype'),
       url('SylexiadSansSpacedThin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'SylexiadSansSpacedThin-Italic';
	src: url('SylexiadSansSpacedThin-Italic.ttf') format('opentype'),
       url('SylexiadSansSpacedThin-Italic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'SylexiadSansSpacedThin-Bold';
	src: url('SylexiadSansSpacedThin-Bold.ttf') format('opentype'),
       url('SylexiadSansSpacedThin-Bold.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'SylexiadSansSpacedThin-BItalic';
	src: url('SylexiadSansSpacedThin-BItalic.ttf') format('opentype'),
       url('SylexiadSansSpacedThin-BItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
}

.sample-css-class {
  font-family: 'SylexiadSansSpacedThin', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-style: normal;
}

.sample-css-class-for-an-italic {
  font-family: 'SylexiadSansSpacedThin-Italic', Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-style: italic;
}